home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / submit-once.izs < prev    next >
Text File  |  2005-09-28  |  4KB  |  173 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Submit Once
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Do you ever receive multiple copies of a single form submission? Do your visitors click the submit button over and over, hoping it will hurry up the process? Well, JavaScript can solve your problems! The script will prevent the visitor from submitting the form after the first submission. Basic field validation also included! <!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13.  
  14. <!-- HOW TO INSTALL SUBMIT ONCE:
  15.  
  16.   1.  Copy code into the HEAD section of document
  17.   2.  Add the onLoad event handler into the BODY tag
  18.   3.  Put last coding into the BODY section of document  -->
  19.  
  20. <!-- STEP ONE: Add code into HEAD section of document  -->
  21.  
  22. <HEAD>
  23.  
  24. <SCRIPT LANGUAGE="JavaScript">
  25.  
  26.  
  27.  
  28. <!-- Begin
  29. var submitcount=0;
  30.  
  31. function reset() {
  32. document.emailform.name.value="";
  33. document.emailform.email.value="";
  34. document.emailform.comments.value="";
  35. }
  36.  
  37. function checkFields() {                       // field validation -
  38. if ( (document.emailform.name.value=="")  ||   // checks if fields are blank.
  39.      (document.emailform.email.value=="") ||   // More validation scripts at
  40.      (document.emailform.comments.value=="") ) // forms.evrsoft.com
  41.    {
  42.    alert("Please enter your name, email, and comments then re-submit this form.");
  43.    return false;
  44.    }
  45.  
  46. else 
  47.    {
  48.    if (submitcount == 0)
  49.       {
  50.       submitcount++;
  51.       return true;
  52.       }
  53.    else 
  54.       {
  55.       alert("This form has already been submitted.  Thanks!");
  56.       return false;
  57.       }
  58.    }
  59. }
  60. //  End -->
  61. </script>
  62. </HEAD>
  63.  
  64. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  65.  
  66. <BODY OnLoad="reset()">
  67.  
  68. <!-- STEP THREE: Copy code into BODY section of document  -->
  69.  
  70. <form method=post action="http://cgi.freedback.com/mail.pl" name="emailform" onSubmit="return checkFields()">
  71.  
  72. <input type=hidden name=to value="you@your-website-address-here.com">
  73. <input type=hidden name=subject value="Feedback Form">
  74.  
  75. <pre>
  76. Your Name:   <input type=text name="name">
  77. Your Email:  <input type=text name="email">
  78.  
  79. Comments?
  80.  
  81. <textarea name="comments" wrap="virtual" rows="7" cols="45"></Textarea>
  82.  
  83. <input type=submit value="Submit Form!">
  84.  
  85. [ Click the submit button twice to see the script in action ]
  86. </pre>
  87. </form>
  88.  
  89. <!-- END OF SCRIPT -->
  90. <!/SCRIPT>
  91.  
  92. <!PREVIEW>
  93. <!-- START OF SCRIPT -->
  94. <!-- HOW TO INSTALL SUBMIT ONCE:
  95.  
  96.   1.  Copy code into the HEAD section of document
  97.   2.  Add the onLoad event handler into the BODY tag
  98.   3.  Put last coding into the BODY section of document  -->
  99.  
  100. <!-- STEP ONE: Add code into HEAD section of document  -->
  101.  
  102. <HEAD>
  103.  
  104. <SCRIPT LANGUAGE="JavaScript">
  105.  
  106.  
  107.  
  108. <!-- Begin
  109. var submitcount=0;
  110.  
  111. function reset() {
  112. document.emailform.name.value="";
  113. document.emailform.email.value="";
  114. document.emailform.comments.value="";
  115. }
  116.  
  117. function checkFields() {                       // field validation -
  118. if ( (document.emailform.name.value=="")  ||   // checks if fields are blank.
  119.      (document.emailform.email.value=="") ||   // More validation scripts at
  120.      (document.emailform.comments.value=="") ) // forms.evrsoft.com
  121.    {
  122.    alert("Please enter your name, email, and comments then re-submit this form.");
  123.    return false;
  124.    }
  125.  
  126. else 
  127.    {
  128.    if (submitcount == 0)
  129.       {
  130.       submitcount++;
  131.       return true;
  132.       }
  133.    else 
  134.       {
  135.       alert("This form has already been submitted.  Thanks!");
  136.       return false;
  137.       }
  138.    }
  139. }
  140. //  End -->
  141. </script>
  142. </HEAD>
  143.  
  144. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  145.  
  146. <BODY OnLoad="reset()">
  147.  
  148. <!-- STEP THREE: Copy code into BODY section of document  -->
  149.  
  150. <form method=post action="http://cgi.freedback.com/mail.pl" name="emailform" onSubmit="return checkFields()">
  151.  
  152. <input type=hidden name=to value="you@your-website-address-here.com">
  153. <input type=hidden name=subject value="Feedback Form">
  154.  
  155. <pre>
  156. Your Name:   <input type=text name="name">
  157. Your Email:  <input type=text name="email">
  158.  
  159. Comments?
  160.  
  161. <textarea name="comments" wrap="virtual" rows="7" cols="45"></Textarea>
  162.  
  163. <input type=submit value="Submit Form!">
  164.  
  165. [ Click the submit button twice to see the script in action ]
  166. </pre>
  167. </form>
  168.  
  169. <!-- END OF SCRIPT -->
  170. <!/PREVIEW>
  171.  
  172. <!RELATED>NONE<!/RELATED>
  173.